@charset "utf-8";
/* CSS Document */
.fl{float:left;}
.fr{float:right;}
body{background:#f7744a;position:relative;}
.slogan{margin-top:6%;margin-left:6%;margin-bottom:5px;width:90%;}
.xinfeng{width:100%;}
.info{position:relative;margin-left:3%;width:94%;}
.info-t,.info-b{left:0;position:absolute;width:100%;}
.info-t{top:0;height:37%;}
.info-t .line{display:inline-block;height:100%;margin-left:-1px;vertical-align:middle;width:1px;}
.info-t-con{color:#f7744a;display:inline-block;font-size:16px;text-align:center;vertical-align:middle;width:98%;}
.info-t-con a{background:#f3504a;border-radius:5px;color:#fff;display:inline-block;font-size:14px;margin-top:10px;margin-bottom:10px;padding:10px 0px;width:30%;}
.cj-after .info-t-con > p{font-size:12px;}
.cj-after .a1{margin-right:7%;}
.info-b{bottom:0;color:#fff;height:45%;}
#prizeNum{font-size:36px;}
#joinerNum{font-size:18px;}
#prizeNum,#joinerNum{font-weight:bold;line-height:1.4em;}
.info-b .p1,.info-b .p2{height:1.2em;line-height:1.2em;text-align:center;}
.info-b .p1{font-size:16px;}
.info-b .p1 img{height:80%;vertical-align:-5%;}
.info-b .p2{font-size:25px;font-weight:bold;}
.info-b .p3,.info-b .p4{font-size:15px;line-height:1.0em;padding-left:5%;}
.info-b .p3{margin-top:3%;}
.rule-a{background:#fff29d;border-radius:5px;color:#f7744a;float:right;font-size:14px;padding:6px 13px;text-align:center;margin-right:5%;margin-top:4px;}
.result{background:#fff;color:#f7744a;text-align:center;margin:10px 3% 0px;width:94%;}
.result-no p{font-size:16px;}
.result-no p:nth-child(1){padding:20px 0;}
.result-no p:nth-child(2){font-weight:bold;font-size:18px;padding-bottom:20px;}
.result-list{padding-bottom:20px;}
.result-list li{color:#999;padding-left:3%;width:97%;margin-bottom:15px;}
.result-list > p{color:#f7744a;font-size:16px;padding:15px;}
.result-list .fl{width:60%;margin-top:2%;}
.result-list .fr{width:40%;}
/*.result-list li:nth-child(1) .fr img:nth-child(1){-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}*/
.avatar{border-radius:50%;display:inline-block;vertical-align:middle;width:20%;}
.result-list .fl div{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;padding-left:5px;vertical-align:middle;text-align:left;width:78%;}
.result-list .fl p:nth-child(1){font-size:14px;margin-bottom:3px}
.result-list .fl p:nth-child(2){font-size:12px;height:1.2em;line-height:1.2em;}
.result-list .fl p:nth-child(2) img{height:90%;vertical-align:-5%;}
.result-list .fr{margin-top:2%;}

/*.result-list .fr img{vertical-align:middle;width:16%;} */
.rule span{display:inline-block;font-size:18px;font-weight:bold;padding:10px 0;}
.rule span em{border-radius:50%;display:inline-block;background:#fff;height:8px;margin-right:5px;width:8px;}
.popup{background:rgba(0,0,0,0.5);height:100%;position:absolute;top:0;left:0;width:100%;z-index:9;}
.rule{color:#fff;margin-left:5%;margin-top:15%;position:relative;width:90%;background:#f7744a;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px;line-height:1.6em;}
.closeBtn{position:absolute;width:10%;right:2%;top:2%;}
.h30{height:20px;}
.choujiang-form dl{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0 auto;width:75%;}
.choujiang-form dt{color:#fff;margin-bottom:20px;line-height:1.4em;}
.choujiang-form dt .fl{font-size:16px;}
.choujiang-form dt .fr{font-size:15px;}
.choujiang-form dt .fr b{padding:3px;font-size:18px;}
.choujiang-form dd{border-radius:5px;background:#fff;color:#f7744a;margin-bottom:8px;padding:10px 0 13px 10px;font-size:1.2em;}
.choujiang-form dd input{color:#cecece;width:60.5%;}
.choujiang-form em{color:#f7744a;padding:0 8px 0 6px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
#joinButton{background:#f3504a;box-shadow:0px -4px 0px #a15050;border-radius:7px;color:#fff;font-size:20px;padding:18px;margin-left:22%;width:56%;position:absolute;top:15%;z-index:1;}
@media only screen and (min-width: 600px){
	.info-t-con{font-size:30px;}
	#prizeNum{font-size:72px;}
	#joinerNum{font-size:36px;}
	.cj-after .info-t-con > p{font-size:26px}
	.info-t-con a{font-size:26px;}


	.info-b .p1,.info-b .p2{height:1.2em;line-height:1.2em;text-align:center;}
	.info-b .p1{font-size:16px;}
	.info-b .p1 img{height:80%;vertical-align:-5%;}
	.info-b .p2{font-size:26px;font-weight:bold;}
	.info-b .p3{font-size:15px;line-height:1.0em;padding-left:5%;}
	.info-b .p3{margin-top:3%;}
	.info-b .p4{font-size:15px;line-height:1.0em;padding-left:5%;}



	.rule-a{font-size:28px;}
	.result-no p{font-size:25px;}
	.result-no p:nth-child(2){font-size:36px;}
	.result-list > p{font-size:32px;}
	.result-list .fl p:nth-child(1){font-size:28px}
	.result-list .fl p:nth-child(2),.result-list .fr{font-size:20px;}
	.rule {line-height:3.6em;padding:20px 50px;}
	.rule span{font-size:32px;}
	.rule p{font-size:26px;}
	.choujiang-form dt{line-height:4em;}
	.choujiang-form dt .fl{font-size:32px;}
	.choujiang-form dt .fr{font-size:30px;}
	.choujiang-form dt .fr b{font-size:36px;}
	.choujiang-form dd{font-size:28px;padding:30px;}
	.choujiang-form input{margin-left:20px;width:58%;}
	#joinButton{border-radius:14px;border-top:7px solid #a15050;font-size:40px;padding:30px 0;top:15%;}
	.closeBtn{width:7%;}
}

.choujiangDate {font-size:26px;}
.choujiangWeek {font-size:32px;color:#f7744a;font-weight:bold}
.choujiangPrize {font-size:24px;color:#f7744a;font-weight:bold}
.choujiangGift {font-size:22px;color:#f7744a;font-weight:bold;}
.choujiangPreGift {font-size:22px;font-weight:bold;}



